<template>
  <div class="business-step">
    <el-steps :active="active">
      <el-step title=" " description="商机填写"></el-step>
      <el-step title=" " description="指定解决方案经理"></el-step>
      <el-step title=" " description="上传解决方案"></el-step>
      <el-step title=" " description="方案会审"></el-step>
      <el-step title=" " description="商机转化"></el-step>

      <el-step title=" " description="投标评审"></el-step>
      <el-step title=" " description="投标评审抄送"></el-step>
      <el-step title=" " description="投标"></el-step>
      <el-step title=" " description="合同拟稿"></el-step>
      <el-step title=" " description="合同拟稿审核"></el-step>
      <el-step title=" " description="合同拟稿审核通过"></el-step>

      <el-step title=" " description="合同定稿"></el-step>
      <el-step title=" " description="甲方签章"></el-step>
      <el-step title=" " description="合同归档"></el-step>
      <el-step title=" " description="项目交底"></el-step>
      <el-step title=" " description="项目启动"></el-step>
      <el-step title=" " description="向后采购"></el-step>

      <el-step title=" " description="交付实施"></el-step>
      <el-step title=" " description="交付资料稽查"></el-step>
      <el-step title=" " description="客户经理逆向评价"></el-step>
      <el-step title=" " description="项目归档"></el-step>
    </el-steps>
  </div>
</template>

<script>
export default {
  data() {
    return {
      stage: 1,
    };
  },
  computed: {
    active() {
      return this.stage;
    },
  },
  methods: {
    setStage(stage) {
      console.log(stage);
      this.stage = stage;
    },
  },
};
</script>

<style lang="scss">
.business-step {
  .el-step__title {
    height: 18px !important;
    min-width: 38px;
    display: inline-block;
  }
}
</style>
